.warning-info {
  height: 100%;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: space-between;

  .title {
    width: 100%;
    font-size: 16px;
    font-weight: bold;
    display: flex;
    align-items: center;

    &::before {
      content: "";
      display: inline-block;
      width: 5px;
      height: 16px;
      margin-right: 6px;
      background: linear-gradient(0deg, #579FFF 0%, #FFFFFF 100%);
      border-radius: 3px;
    }
  }

  .wrap-1 {
    display: flex;
    align-items: center;

    .tag {
      width: 54px;
      height: 24px;
      color: white;
      font-size: 12px;
      border-radius: 99px;
      user-select: none;
      display: flex;
      justify-content: center;
      align-items: center;
      margin-right: 10px;
      
      &.primary {
        background-color: #60A4FF;
        border: 1px solid #60A4FF;
      }

      &.warn {
        background-color: #CE9E47;
        border: 1px solid #CE9E47;
      }

      &.empty {
        border: 1px solid #60A4FF;
      }
    }

    .info {
      flex: 1;
      font-size: 13px;
    }

    .date {
      white-space: nowrap;
      font-size: 13px;
    }
  }
}